<template>
	<view>
		<u-subsection
			mode="subsection" 
			:list="list" 
			:current="0" 
			active-color="#dd6161"
			@change="sectionChange">
		</u-subsection>
		<view v-for="items in 3">
			<u-divider half-width="250">盘牙水库</u-divider>
			<u-grid :col="2" :border="false">
				<u-grid-item v-for="item in 3">
					<image src="/static/demo.png" style="width: 320rpx;height: 220rpx;"></image>
					<view class="grid-text">地狱火城墙</view>
				</u-grid-item>
			</u-grid>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [
					{
						name: '五人本'
					}, 
					{
						name: '团队本'
					}
				],
				current: 0,
			};
		},
		methods:{
			// 监听顶部的选择
			sectionChange(index) {
				console.log(index)
				this.current = index;
			},
		}
	}
</script>

<style lang="scss">

</style>
